<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<!-- 页面编码 -->
	<meta charset="utf-8">
  	<!-- 手机浏览器禁止缩放, 页面大小默认为手机屏幕宽度 -->
  	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  	<!-- 允许IOS全屏显示网页 -->
  	<meta content="yes" name="apple-mobile-web-app-capable" />
  	<!-- 设置IOS状态栏为透明底色 -->
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<!-- 设置360浏览器渲染引擎为webkit -->
  	<meta name="renderer" content="webkit">
  	<!-- 设置APP标题 -->
  	<meta name="apple-mobile-web-app-title" content="青年电影志">
  	<!-- 关闭自动识别电话号码 -->
  	<meta name="format-detection" content="telephone=no">
	<!-- iPhone桌面图标 -->
	<link href="/static/images/app-60@2x.png" sizes="120x120" rel="apple-touch-icon-precomposed">
  	<!-- 页面标题 -->
  	<title>青年电影志申请</title>

  	<!-- 基本样式载入 -->
  	<link rel="stylesheet" href="/static/css/ionicons.min.css">
	<link rel="stylesheet" href="/static/css/public.css">
	<!-- 基本脚本载入 -->
	<script src="/static/js/plugins.min.js"></script>
</head>
<body>
	<div id="app" class="site" data-controller="dashPage">
		<div class="bar bar-footer bar-primary">
			<nav class="bar-navigation">
				<a class="menu-item" href="/main/index">
					<i class="menu-icon ico-home"></i>
					<span class="menu-label">首页</span>
				</a>
				<a class="menu-item" href="/main/discovery">
					<i class="menu-icon ico-discovery"></i>
					<span class="menu-label">发现</span>
				</a>
				<a class="menu-item is-active" href="/main/user/index">
					<i class="menu-icon ico-me"></i>
					<span class="menu-label">我的</span>
				</a>
			</nav>
			<!-- END .bar-navigation -->
		</div>
		<div id="content" class="site-content">
			<div class="inner">
				<div class="nav-group" role="group">
					<a href="#" class="is-active">进行中</a>
					<a href="#">待评价</a>
					<a href="#">已结束</a>
				</div>
				<article class="order-view">
					<div class="order-content">
						<div class="people-avatar">
							<img src="/static/assets/man-2.jpg" alt="">
							<span class="people-name">刘欣宇</span>
						</div>
						<!-- END .people-avatar -->
						<div class="people-content">
							<div class="top-meta">
								<span class="pull-left">青年电影志话题</span>
								<span class="pull-right">100元/小时</span>
							</div>
							<h3 class="people-title">技术人应该怎么生活？</h3>
							<span class="people-pos">寰影（北京）文化传媒技术总监</span>
							<div class="order-status">订单状态:<span class="state-success">成功青年电影志</span></div>
						</div>
						<!-- END .people-content -->
					</div>
					<!-- END .order-content -->
					<div class="order-meta">
						<div class="pull-right clearfix">
							<a href="#" class="state-danger">删除订单</a>
							<a href="#" class="state-primary">同意青年电影志</a>
							<a href="#" class="state-info">去支付</a>
						</div>
					</div>
					<a href="#" class="overlay-link"></a>
				</article>
				<!-- END .order-view -->
				<article class="order-view">
					<div class="order-content">
						<div class="people-avatar">
							<img src="/static/assets/man-2.jpg" alt="">
							<span class="people-name">刘欣宇</span>
						</div>
						<!-- END .people-avatar -->
						<div class="people-content">
							<div class="top-meta">
								<span class="pull-left">青年电影志话题</span>
								<span class="pull-right">100元/小时</span>
							</div>
							<h3 class="people-title">技术人应该怎么生活？</h3>
							<span class="people-pos">寰影（北京）文化传媒技术总监</span>
						</div>
						<!-- END .people-content -->
					</div>
					<!-- END .order-content -->
					<div class="order-meta">
						<div class="pull-left">订单状态:<span class="state-success">成功青年电影志</span></div>
					</div>
					<a href="#" class="overlay-link"></a>
				</article>
				<!-- END .order-view -->
				<article class="order-view">
					<div class="order-content">
						<div class="people-avatar">
							<img src="/static/assets/man-2.jpg" alt="">
							<span class="people-name">刘欣宇</span>
						</div>
						<!-- END .people-avatar -->
						<div class="people-content">
							<div class="top-meta">
								<span class="pull-left">青年电影志话题</span>
								<span class="pull-right">100元/小时</span>
							</div>
							<h3 class="people-title">技术人应该怎么生活？</h3>
							<span class="people-pos">寰影（北京）文化传媒技术总监</span>
						</div>
						<!-- END .people-content -->
					</div>
					<!-- END .order-content -->
					<div class="order-meta">
						<div class="pull-left">订单状态:<span class="state-success">成功青年电影志</span></div>
					</div>
					<a href="#" class="overlay-link"></a>
				</article>
				<!-- END .order-view -->
			</div>
			<!-- END .inner -->
		</div>
		<!-- END #content -->
	</div>
	<!-- END #page -->
	<!-- 页面脚本载入 -->
	<script src="/static/js/app.js"></script>
</body>
</html>